<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
    <title>管理入口-用户信息列表</title>
    
    <%@ include file="../common.jsp" %>
	<script type="text/javascript" src="${path }/static/vender/jquery/jquery.pagination.js"></script>

<style type="text/css">
.table-responsive td {
	max-width: 100px;
	/* overflow: hidden; */
	word-break:break-all
}
</style>
  </head>

  <body>
	<jsp:include page="${pagePath }/header.jsp">
		<jsp:param value="1" name="active"/>
	</jsp:include>
  	
    <div class="container-fluid" style="    margin-top: 30px;">
      <div class="row">
      	<div class="col-sm-3 col-md-2 sidebar">
			<jsp:include page="left_navbar.jsp">
				<jsp:param value="1" name="active"/>
			</jsp:include>
		</div>
		
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2">
		  <div class="row">
          	<div class="col-sm-12">
          		<form id="queryForm" action="./account" method="POST">
	          		<label class="form-inline">虚拟身份帐号:
	                	<input type="text" class="form-control" name="keyWord" style="width: 250px;" value="${keyWord}" placeholder="输入mac地址或者帐号">
	                </label>
	               	<button type="submit" class="btn btn-info pull-right" onclick ="">&nbsp;检索&nbsp;</button>
               	</form>
           	</div>
		  </div>
          
          <hr/>
          
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>设备MAC地址</th>
                  <th>手机号 </th>
                  <th>QQ </th>
                  <th>微信 </th>
                  <th>淘宝 </th>
                  <th>品牌 </th>
                  <th>IMEI </th>
                  <th>IMSI </th>
                  <th>Email </th>
                  <!-- 
                  <th>京东帐号 </th>
                   -->
                  <th>新浪微博</th>
                  <!-- 
                  <th>更新时间</th>
                   -->
                </tr>
              </thead>
              <tbody>
             	<c:forEach var="map" items="${accounts}" varStatus="idx">
             		<tr>
	                	<td>${idx.index+1 }</td>
             			<%-- <td><a href="./detail?terMac=${map.key}">${map.key}</a></td> --%>
             			<td>${map.key}</td>
             			<td>${map.value['手机号']}</td>
             			<td>${map.value['1030001']}</td> <!-- QQ -->
             			<td>${map.value['1030036']}</td> <!-- 微信 -->
             			<td>${map.value['1220007']}</td> <!-- 淘宝 -->
             			<td>${map.value['brand']}</td> <!-- 品牌 -->
             			<td>${map.value['imei']}</td>
             			<td>${map.value['imsi']}</td>
             			<td>${map.value['Email']}</td>
             			<!-- <td>${map.value['1420055']}</td> --> <!-- 京东帐号  -->
             			<td>${map.value['1330001']}</td> <!-- 新浪微博 -->
             			<!-- 
             			<td><fmt:formatDate type="both" value="${map.value['captureTime']}" /></td>
             			 -->
		            </tr>
	            </c:forEach>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    
	<jsp:include page="${pagePath }/paginator.jsp">
		<jsp:param name="form" value="#queryForm" />
	</jsp:include>
	
	<jsp:include page="${pagePath }/footer.jsp"></jsp:include>

	<script type="text/javascript">
		var currentUserId;
		
	</script>
</body></html>